<%@ Page Language="C#" AutoEventWireup="true" Inherits="Documentation_WebControls_Calendar" Codebehind="Calendar.aspx.cs" %>

<%@ Register Assembly="Pampa.WebControls" Namespace="Pampa.WebControls" TagPrefix="cc1" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <link href="../../Css/Layout.css" rel="stylesheet" type="text/css"/>        
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <span class="title">Calendar & DatePickers</span>
        <br />
        <br />
        Pampa.WebControls provide several types of controls which allow you to pick a date.<br />
        <br />
        <br />
        <br />
            
        <span class="subtitle">Calendar</span>
        <br />
        <br />        
        This is a minimal calendar control with the advantage of client side behavior. Ideal to use in an AJAX contexts.
        Setting the property "OnClientChange" it is possible to call a JavaScript function every time the user select a different day.<br/>
        Note: Year is editable.<br/>
        <br/>
        <br/>
        <cc1:Calendar ID="Calendar1" runat="server" />
        <br />
        <br />          
        <br />          

        <span class="subtitle">Month Calendar</span>
        <br />
        <br />        
        This calendar allows to choice just an year and a month.<br/>
        <br/>
        <br/>
        <cc1:MonthCalendar ID="MonthCalendar1" runat="server">
        </cc1:MonthCalendar>
        <br />
        <br />          
        <br />  
        
        <span class="subtitle">Date Picker</span>
        <br />
        <br />        
        This control make use of the calendars showed above.
        It is possible to pick a day from the calendar or write this directly in the textbox.
        When focus is lost, control validate the date and if it is a non valid date, the content of the input is clean.
        Setting the property "OnClientChange" you could call a JavaScript function every time the user select a different day.
        Also, setting the property "Type" it is possible to choice between the standard calendar or the month calendar.
        <br/>        
        <br/>
        <cc1:DatePicker ID="DatePicker2" runat="server" />
        <br />
        <br />          
        <br />          
                            
        <span class="subtitle">Drop Down DatePicker</span>
        <br />
        <br />        
        This is a date picker based in drop down lists to select the day, month and year.
        This kind of DatePicker is very useful for birthdays (more generally, when it is in need to select an old date)
        <br/>        
        <br/>
        <cc1:DatePickerCombos ID="DatePicker1" runat="server"/>
        <br />
        <br />          
        <br />     
        Like with the lists, you could manipulate these controls from the client side. To do that just check all the public available functions 
        in <a href="/Pampa.Web/Resources/Pampa.WebControls/Calendar.js">Calendar.js</a> 
        and <a href="/Pampa.Web/Resources/Pampa.WebControls/MonthCalendar.js">Calendar.js</a> 
        and <a href="/Pampa.Web/Resources/Pampa.WebControls/DatePicker.js">DatePicker.js</a>
        and <a href="/Pampa.Web/Resources/Pampa.WebControls/DatePickerCombos.js">DatePickerCombos.js</a>
        <br />    
    </div>
    </form>
</body>
</html>
